.yinbox{position:relative; width: 100%;height: 100%;}
		.yinbox .ksmile{position:absolute;top:1%;left:3%;width: 26%;}
		.yinbox .titleda{position: absolute;top: 17%;left: 2%; width: 97%;
							-webkit-animation:mytitleda 0.5s ease forwards;
				   			   -moz-animation:mytitleda 0.5s ease forwards;
						    	    animation:mytitleda 0.5s ease forwards;	
							}
		
		.yinbox .titexiao{position: absolute;top: 41%;left: -90%;width: 89%;}
		.yinbox .myasd{
				-webkit-animation:mytitexiao 0.4s ease forwards;
				   			   -moz-animation:mytitexiao 0.4s ease forwards;
						    	    animation:mytitexiao 0.4s ease forwards;	
				}
		.yinbox .tianx{position: absolute;top: 55%;right: 6%;width: 39%;}
		.yinbox .dahua{position: absolute;top: 53%;left: 6%;width: 20%;}
		
		.yinbox .kuang{position: absolute; top: 61%;left: 6%;width: 85%;}
		input{width: 100%;height:2.5em;margin-top: 4%;padding: 0;outline: none; 
			  border: 1px solid #134194;border-radius: 0.3em; 
			  font-size: 1.5em;padding-left: 4%;}
		.yinbox .butt{position:absolute; top:80%; left:6%;width: 89%;}
		
		
		.logohan{position:absolute;width: 69%;bottom: 4%;margin-left: 13%;}
		
		/*@media screen and (min-width:360px){
			.yinbox .kuang{position: absolute; top: 64%;left: 6%;width: 85%;}
			input{width: 100%;height:2.5em;margin-top: 4%;padding: 0;outline: none; 
			  border: 1px solid #134194;border-radius: 0.3em; 
			  font-size: 1em;padding-left: 4%;}
			.yinbox .butt{position:absolute; top:80%; left:6%;width: 89%;}
			.yinbox .tianx{position: absolute;top: 58%;right: 6%;width: 39%;}
			.yinbox .titexiao{position: absolute;top: 41%;left: -90%;width: 89%;}
			.yinbox .dahua{position: absolute;top: 53%;left: 6%;width: 20%;}
			.yinbox .myasd{
				-webkit-animation:mytitexiao 0.4s ease forwards;
				   			   -moz-animation:mytitexiao 0.4s ease forwards;
						    	    animation:mytitexiao 0.4s ease forwards;	
				}
		}
		@media screen and (max-width:375px){
			.yinbox .kuang{position: absolute; top: 64%;left: 6%;width: 85%;}
			input{width: 100%;height:2.5em;margin-top: 4%;padding: 0;outline: none; 
			  border: 1px solid #134194;border-radius: 0.3em; 
			  font-size: 1em;padding-left: 4%;}
			.yinbox .butt{position:absolute; top:80%; left:6%;width: 89%;}
			.yinbox .tianx{position: absolute;top: 58%;right: 6%;width: 39%;}
			.yinbox .titexiao{position: absolute;top: 43%;left: -90%;width: 89%;}
			.yinbox .dahua{position: absolute;top: 56%;left: 6%;width: 17%;}
			.yinbox .myasd{
				-webkit-animation:mytitexiao 0.4s ease forwards;
				   			   -moz-animation:mytitexiao 0.4s ease forwards;
						    	    animation:mytitexiao 0.4s ease forwards;	
			}
		}
		
		@media screen and (max-width:320px){
			.yinbox .kuang{position: absolute; top: 62%;left: 6%;width: 85%;}
			input{width: 100%;height:2.5em;margin-top: 4%;padding: 0;outline: none; 
			  border: 1px solid #134194;border-radius: 0.3em; 
			  font-size: 1em;padding-left: 4%;}
			.yinbox .butt{position:absolute; top:79%; left:6%;width: 89%;}
			.yinbox .tianx{position: absolute;top: 55%;right: 6%;width: 39%;}
			.yinbox .titexiao{position: absolute;top: 41%;left: -90%;width: 89%;}
			.yinbox .dahua{position: absolute;top: 53%;left: 6%;width: 20%;}
			.yinbox .myasd{
				-webkit-animation:mytitexiao 0.4s ease forwards;
				   			   -moz-animation:mytitexiao 0.4s ease forwards;
						    	    animation:mytitexiao 0.4s ease forwards;
			}
		}
		
		@media screen and (min-width:540px){
			.yinbox .kuang{position: absolute; top: 64%;left: 6%;width: 85%;}
			input{width: 100%;height:2.5em;margin-top: 4%;padding: 0;outline: none; 
			  border: 1px solid #134194;border-radius: 0.3em; 
			  font-size: 2em;padding-left: 4%;}
			.yinbox .butt{position:absolute; top:80%; left:6%;width: 89%;}
			.yinbox .tianx{position: absolute;top: 56%;right: 6%;width: 39%;}
			.yinbox .dahua{position: absolute;top: 53%;left: 6%;width: 20%;}
			.yinbox .myasd{
				-webkit-animation:mytitexiao 0.4s ease forwards;
				   			   -moz-animation:mytitexiao 0.4s ease forwards;
						    	    animation:mytitexiao 0.4s ease forwards;
				}
			}*/
			
	@keyframes mytitleda{
		0%{left: -96%;}
		100%{left: 2%;}
	}
	@-webkit-keyframes mytitleda{
		0%{left: -96%;}
		100%{left: 2%;}
	}
	@-ms-keyframes mytitleda{
		0%{left: -96%;}
		100%{left: 2%;}
	}	
	
	@keyframes mytitexiao{
		0%{left: -90%;}
		100%{left: 6%;}
	}
	@-webkit-keyframes mytitexiao{
		0%{left: -90%;}
		100%{left: 6%;}
	}
	@-ms-keyframes mytitexiao{
		0%{left: -90%;}
		100%{left: 6%;}
	}

